<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="./Public/Home/css/index.css" />
		<link rel="stylesheet" href="./Public/Home/css/user.css" />
		<title></title>
	</head>
	<body>
		
	
<heder>
	<!--顶部部分-->
	<div id="topbox">
		<div class="topbox">
			<!--顶部左侧部分-->
			<div class="topleft">
			<ul>
				<li class="topleftitem"><a href="">企业采购</a></li>
				<li class="topleftitem"><a href="">帮助中心</a></li>
				<li class="topleftitem"><a href="">书藏本站</a></li>
				<li class="topleftitem"><a href="">商品入猪</a></li>
				<li class="topleftitem"><a href="">老人手环申请</a></li>
			</ul>
			</div>
			<!--顶部右侧部分-->
			<div class="topright">
				<ul>
				<li class="topleftitem">
					<div>
					<a href="javascript:void" class="topleftitem">登录</a>
					<a href="javascript:void" class="topleftitem">注册</a>	
					</div>
					
				</li>
				<li class="topleftitem"><a href="">F码购买</a></li>
				<li class="topleftitem">
					<a href="" class="phone">
					<i></i>
						手机360商城
					</a>
				</li>
				<li class="topleftitem"><a href="">我的订单</a></li>
				<li class="topleftitem topcart" >
					<a href="" class="header_cart">
						<i></i>
						购物车
					</a>
				</li>
			</ul>
				
			</div>
		</div>
		
		
	</div>
	 <!--搜索部分-->
	 <div id="search">
	 	<div class="search">
	 		<!--logo部分-->
	 		<div class="header_logo">
	 			<a href=""><img src="./Public/Home/Public/Home/image/360logo.png"/></a>
	 		</div>
	 		<!--目录搜索部分-->
	 	<div class="searchright">
	 		<ul class="menu_list">
	 			<li class="searitem">
	 				<a href="" class="topa">手机</a>
	 				
	 			</li>
	 			<li class="searitem"><a href="" class="topa">行车记录仪</a></li>
	 			<li class="searitem"><a href="" class="topa">儿童表</a></li>
	 			<li class="searitem"><a href="" class="topa">设想李</a></li>
	 			<li class="searitem"><a href="" class="topa">路由器</a></li>
	 			<li class="searitem"><a href="" class="topa">掌声抢</a></li>
	 			<li class="searitem"><a href="" class="topa">一元夺宝</a></li>
	 			<li class="searitem"><a href="" class="topa">试用</a></li>
	 			<li class="searitem"><a href="" class="topa">社区</a></li>
	 		</ul>
	 		<div class="searchbox">
	 			
	 			<form action="" method="post">
	 				<input type="text" name="" id="" class="textbox" value="" placeholder="巴迪龙儿童手表" />
	 				<input type="submit" class="searchbtn" value=""/>
	 			</form>
	 		</div>
	 		<div class="erweima">
	 			<a href="">
	 				<img src="./Public/Home/Public/Home/image/erweima.jpg" alt="" />
	 			</a>
	 		</div>
	 	</div>
	 	</div>
	 	
	 </div>
</heder>
		<div id="user_body">
			<div class="user_cont">
				<!--个人中心信息部分-->
				<div class="user_title mt_b_10">
					<a href="">首页</a>  >   我的订单
				</div>
			    <!--个人中心菜单列表部分-->
			    <div class="user_content">
			    	<!--菜单列表部分-->
			    	<div class="user_menu mt_r_10">
			    		<div class="user_menu_title" >
			    			
			    			个人中心
			    		</div>
			    		<div class="user_menu_list">
			    			<a href="" class="menu_item item_active">我的订单</a>
			    			<a href="" class="menu_item">我的优惠券</a>
			    			<a href="" class="menu_item">我的喜欢</a>
			    			<a href="" class="menu_item">我的试用</a>
			    			<a href="" class="menu_item">试用积分</a>
			    			<a href="" class="menu_item">我的预约</a>
			    			<a href="" class="menu_item">收货地址</a>
			    		</div>
			    		<!--个人中心-->
			    	
			    	<div class="user_menu_title" >
			    			消息中心
			    		</div>
			    		<div class="user_menu_list">
			    			<a href="" class="menu_item">评论通知</a>
			    			<a href="" class="menu_item">站内消息</a>
			    		</div>
			    	
			    	<!--售后服务-->
			    	
			    	<div class="user_menu_title" >
			    			售后服务
			    		</div>
			    		<div class="user_menu_list">
			    			<a href="" class="menu_item ">退货记录</a>
			    			<a href="" class="menu_item">换货记录</a>
			    		</div>
			    		
			    	</div>
			    	  <!--右侧详细信息-->
			    	<div class="user_menu_cont">
			    		<!--//订单部分-->
			    		<div class="order_main">
			    			<h1>我的订单 <a href="" class="kefu"></a></h1>
			    			<!--物品列表-->
			    			<div class="user_glist">
			    				<ul>
			    					<li class="enable">
			    						<a href="">全部订单</a>
			    					</li>
			    					<li>
			    						<a href="">待付款1</a>
			    					</li>
			    					<li>
			    						<a href="">待发货0</a>
			    					</li>
			    					<li>
			    						<a href="">已发货0</a>
			    					</li>
			    					<li>
			    						<a href="">已完成0</a>
			    					</li>
			    					<li>
			    						<a href="">已取消0</a>
			    					</li>
			    				</ul>
			    				<table class="user_ginfo" >
			    					<tr class="ginfo_title">
			    						<th class="gt1">订单信息 </th>
			    						<th class="gt2">订单金额</th>
			    						<th class="gt3">订单状态</th>
			    						<th class="gt4">操作</th>
			    					</tr>
			    					<!--按订单编号划分订单详细信息-->
			    					<tbody>
			    						<tr class="ginfo_bh"><td colspan="4">订单编号： 
			    						<b class="mt_r_20">1464140683000000004</b>提交时间：2016-05-25 09:44:43 
			    						<span class="fr">客服电话：<span class="k_pbone">400-6822-360</span></span>
			    						</td>
			    						</tr>
			    					<tr class="ginfos">
			    						<td>
			    							<!--购买物品-->
			    							<div class="goods">
			    								<a href=""><img src="./Public/Home/img/dp1.jpg" alt="" class="img_item" /></a>
			    					<div class="goodstxt">
			    						<p><a href="">360手机奇酷青春版(移动联通双4G) 智铂银 双卡双待（输入qiku50优惠码立减50元）</a></p>￥999.00</div>
			    						<div class="goodsnum">
			    							x
			    							<span>1</span>
			    						</div>
			    							</div>
			    						 </td>
			    						<td>￥1067.00
			    						<p class="item_free">(运费￥0)</p>
			    						</td>
			    						<td>已关闭</td>
			    						<td><a href="">查看详情</a></td>
			    					</tr>
			    					</tbody>
			    						<tbody>
			    						<tr class="ginfo_bh"><td colspan="4">订单编号： 
			    						<b class="mt_r_20"> 1464159069000000002</b>提交时间：2016-05-25 14:51:09 
			    						<span class="fr">客服电话：<span class="k_pbone">400-6822-360</span></span>
			    						</td>
			    						</tr>
			    					<tr class="ginfos">
			    						<td>
			    							<!--所购买物品-->
			    							<div class="goods">
			    								<a href=""><img src="./Public/Home/img/dp1.jpg" alt="" class="img_item" /></a>
			    					<div class="goodstxt">
			    						<p><a href="">360手机奇酷青春版(移动联通双4G) 智铂银 双卡双待（输入qiku50优惠码立减50元）</a></p>￥999.00</div>
			    						<div class="goodsnum">
			    							x
			    							<span>1</span>
			    						</div>
			    							</div>
			    						 </td>
			    						<td>￥1067.00
			    						<p class="item_free">(运费￥0)</p>
			    						</td>
			    						<td>等待付款</td>
			    						<td class="pay_info">
			    							<p class="countdown">1时55分55秒</p>
			    							<p class="pay_tip">前完成付款
			    							<img src="./Public/Home/img/paywarn.png" alt="" /></p>
			    							<a href="" class="gopay">去付款</a>
			    							<p><a href=""> 详情</a>&nbsp;|&nbsp;<a href="">取消订单</a></p>
			    							
			    						</td>
			    					</tr>
			    					</tbody>
			    				</table>
			    				
			    			</div>
			    		
			    		</div>
			    	    <!--收货地址-->
			    	   <div class="address_main">
			    	   	<h1>收货地址</h1>
			    	   	<div class="addbox">
			    	   		<!--院里的地址-->
			    	   		<div class="oldads">
			    <span class="del"><a href="">删除</a></span>	   			
				
				<span class="p_05">|</span>
				<span class="edit"><a href="">编辑</a></span>
				<i class="input_radio_view"></i>
											<input type="radio" name="" id="" class="input_radio" value="" /><span class="adds">谢方方，北京 北京市 朝阳区 孙河顺白路12号，13146616176 </span></div>
											<!--天机新地址-->
		<div class="oldads newads">
											<i class="input_radio_view add_new"></i>
											<input type="radio" name="" id="" class="input_radio" value="" /><span class="adds">使用新地址 </span>
										</div>
										<!--添加地址按钮-->
										<a href="" class="add_btn"></a>
										<!--form表单-->
										<div class="add_adds newads">
									    	<!--收货收货人姓名-->
									    	<div class="add_rows">
									    		<label class="addlabel">
									    			<b>*</b>收货人姓名
									    		</label>
									    <input type="text" class="addtext" placeholder="收货人姓名" /></div>
									    <!--收货地址-->
									    <div class="add_rows mt_10">
									    		<label class="addlabel">
									    			<b>*</b>地址
									    		</label>
									   <select name="" class="add_select">
									   	<option value="">省份/自治区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
									   </select>
									   <select name="" class="add_select">
									   	<option value="">请选择</option>
									   </select>
									   <select name="" class="add_select">
									   	<option value="">请选择</option>
									   </select>
									<textarea name="" class="add_area"  placeholder="路名或街道地址，门牌号" >
									   </textarea>
									    </div>
									    <!--邮政编码-->
									    
									    	<div class="add_rows  mt_10">
									    		<label class="addlabel">
									    			<b></b>邮政编码
									    		</label>
									    <input type="text" class="addtext" placeholder="6位邮政编码" /></div>
									    <!--手机号码-->
									    <div class="add_rows  mt_10">
									    		<label class="addlabel">
									    			<b>*</b>手机号码
									    		</label>
									    <input type="text" class="addtext" placeholder="11位手机号" /></div>
									    <!--保存提交-->
									    <div class="add_rows  mt_10">
									    	<p class="mt_20">
									    		<a href="" class="add_btn_green">保存</a>
									    		<a href="" class="add_btn_grey">取消</a>
									    	</p>
									    		</div>
									</div>
			    	   	</div>
			    	   </div>
			    	</div>
			    	 </div>	
			     </div>
           </div>
	</body>
</html>
